<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>index</title>
    <link rel="stylesheet" href="css/app.min.css">
</head>
<body>
<header>
    <div class="container">
        <div class="navbar-header pull-left">
            <a href="/" class="navbar-brand">
                <img src="images/logo.png" alt="Logo" class="img-responsive" width="90">
            </a>
        </div>
        <nav class="collapse navbar-collapse pull-left index">
            <ul class="navbar-nav nav topmenu">
                <li><a href="courses.html">课程</a></li>
                <li><a href="groups.html">小组</a></li>
                <li><a href="activities.html">活动</a></li>
                <li><a href="news.html">资讯</a></li>
                <li><a href="resources.html">文库</a></li>
            </ul>
        </nav>
        <div class="pull-right user-nav clearfix">
            <ul class="nav nav-login">
                <li><a href="">登录</a></li>
                <li><a href="">注册</a></li>
            </ul>
        </div>
    </div>
</header>
<!-- end of header -->


<div class="main register-bg">
    <div class="container">
        <div id="register">
            <div class="constr">
                <div class="regist-head">注册</div>
                <div class="regist-body">
                    <div class="regist-main">

                        <form action="" class="form-horizontal col-md-offset-1" role="form">
                            <div class="form-group">
                                <label for="email" class="col-sm-2 control-label"><span class="regist-star">*</span>登录邮箱</label>

                                <div class="col-md-5">
                                    <input type="text" class="form-control" id="email"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="nickname" class="col-sm-2 control-label"><span class="regist-star"></span>用户昵称</label>

                                <div class="col-md-5">
                                    <input type="text" class="form-control" id="username"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="password" class="col-sm-2 control-label"><span class="regist-star">*</span>登录密码</label>

                                <div class="col-md-5">
                                    <input type="text" class="form-control" id="password"/>
                                </div>
                                <span class="col-sm-5 tip">请输入6-16位密码，区分大小写，不能使用空格</span>
                            </div>

                            <div class="form-group">
                                <label for="password2" class="col-sm-2 control-label"><span class="regist-star">*</span>确认密码</label>

                                <div class="col-md-5">
                                    <input type="text" class="form-control" id="password2"/>
                                </div>
                            </div>

                            <div class="form-group">
                                <label for="" class="col-sm-2 control-label"><span class="regist-star">*</span>验证码</label>
                                <div class="regist-cell col-md-3">
                                    <input class="form-control">
                                </div>
                                <img src="http://img.mukewang.com/545308540001678401500040.jpg" alt="" class="col-sm-2"/>
                            </div>

                            <div class="form-group">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <button type="submit" class="regist-btn">立即注册</button>
                                </div>
                            </div>
                        </form>



                    </div>
                </div>
            </div>
        </div>
    </div>
</div>


<footer>
    <div class="container site-info">
        <div class="row">
            <div class="col-xs-2"><a href="/"><img src="images/logo.png" alt="" width="120"></a></div>
            <div class="col-xs-6">
                <div class="row">
                    <div class="col-xs-6">
                        <h3>统计信息</h3>

                        <p>网站总访问量 : 1365544</p>

                        <p>当前在线人数 : 42554</p>

                        <p>页面加载时间 : 0.000234</p>
                    </div>
                    <div class="col-xs-6">
                        <h3>主办单位</h3>

                        <p>南京市XXX教育学院</p>

                        <p>南京市XXX教育研究委员会</p>

                        <p>南京市XXX教育学会</p>
                    </div>
                </div>
            </div>
            <div class="col-xs-4 contacts">
                <span>关注我们:</span>
                <a href=""><i class="contact-icon fa fa-weibo"></i></a>
                <a href=""><i class="contact-icon fa fa-weixin"></i></a>
                <a href=""><i class="contact-icon fa fa-qq"></i></a>
                <a href=""><i class="contact-icon fa fa-renren"></i></a>

                <div class="contact-detail">
                    <p><i class="fa fa-map-marker"></i>江苏省南京市</p>

                    <p><i class="fa fa-phone"></i>123-456-789</p>

                    <p><i class="fa fa-envelope"></i>1234567@qq.com</p>
                </div>
            </div>
        </div>
    </div>
    <div class="copyright">
        <p>江苏省南京市 123-456-789 1234567@qq.com</p>

        <p>备案号 © Copyright 2016</p>
    </div>
</footer>
<!-- end of footer -->
</body>
</html>
